// src/APP.vue

<template>
<div id="component">
  <component-a></component-a>
  <component-b></component-b>
</div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import ComponentA from './components/ComponentA.vue'
import ComponentB from './components/ComponentB.vue'

export default defineComponent({
  name:"APP",
  components: {
    'component-a': ComponentA,  //component-a是在组件中使用的形式，相当于别名，ComponentA是需要使用的真正组件名称
    'component-b': ComponentB
  }
})
</script>